*
{
	margin: 0;
	padding:0;
}
body{ font-family:microsoft yahei ; background:#f3f3f3  }
a,input,p,li,button{font-family:microsoft yahei ;  }
.bg-gray{ background:#fafafa; }
.bg-white{ background:#fff; }
.hdbg{ background:#368ff5; position:relative; font-size:1em !important  }
.clear{ clear:both; line-height:0; height:0; font-size:0}
.clear10{ clear:both; line-height:0; height:10px; font-size:0}
.clear30{ clear:both; line-height:0; height:30px; font-size:0}
.clear40{ clear:both; line-height:0; height:40px; font-size:0 }
.clear50{ clear:both; line-height:0; height:50px; font-size:0 }
a{ cursor:pointer; color:#333;text-decoration:none; }
li{ list-style:none }

/*我的足迹*/


#topToolBar{
	height: 2.2em;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	border:1px solid #d8d6d6;
	background:#edebeb;
	padding:5px;
}

.heiBar{
	height: 2.6em;
	width:100%;
}

#topToolBar{
	margin-top:0;
}

#topToolBar .inputSearch{
	border:1px solid #c3c1c1;
	height:35px;
	width:73%;
	float:left;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     border-radius: 3px;
	 background:#fff url(../img/btn_search.png) right no-repeat;
	 margin-right:5px;
}

#topToolBar .btnSearch{
    height:37px;
	width:22%;
	float:left;
	border:0;
	background:#02869e;
	color:#fff;
	font-size:1em;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     border-radius: 3px;
	 margin-right:5px;
	
}

.shopArea{
	 margin: 10px 0 0;
	  width:100%;
 }

.shopList{ width:100%; height:6.5em; border-bottom:1px solid #ddd; padding:10px 10px 5px;  }
.shopList .shopPic{ float:left; margin-right:10px;  }
.shopList .shopPic img{ float:left; width:5em; height:5em; }
.shopList .infoList{ float:left; width:70%; margin-top:-5px; margin-left:0; }
.shopList .shopPic .praise{
	text-align:center;
	font-size:0.8em;
	color:#7a7a7a;
}


.shopList .infoList li {
	font-size:0.9em;
	line-height:1.35em;
}
.shopList .infoList .tittle {
	font-size:1em;
	line-height:1.35em;
	color:#333;
}
.shopList .text_info{
	color:#7a7a7a;
}
.shopList .text_prefer{
	color:#02869e;
}

.shopList .text_fp{
	font-size:1em;
	color:#666;

}
.shopView{ width:100%; height:5em;  position:relative; overflow:hidden; }
.shopView .shopPic{ float:left; }
.shopView .shopPic img{ width:60px; height:60px; margin:10px;  }
.shopView .shopInfo{ width:60%; float:left; margin-top:5px }
.shopView .shopInfoB{ width:75%; float:left; margin-top:5px }

.shopView .infoList li {
	line-height:2em;
}

.shopView .text_info{
	color:#7a7a7a;
	font-size:0.9em;
}
.shopView .text_prefer{
	color:#02869e;
}
.shopView .infoList .tittle{
	color:#333;
	font-size:1.1em;
}
.shopView .infoListB{
	margin-left:10px;
	margin-top:5px
}
.shopView .infoListB .tittle{
	color:#333;
	font-size:1em;
	line-height:1.5em
}
.shopView .infoListB .textFp{
	font-size:0.8em;
	word-wrap: break-word;
	color:#666;
	line-height:1.5em;
}
.shopPicBox{
	position:relative;
	width:100%;
}
.shopPicBox img{
	width:100%;
	height:17em;
}
.introBox{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2em;
}

.textReport{
	position:absolute;
	top:8px;
	right:10px;
	color:#fff;
	font-size:0.9em;
	display:block;
}

.introBox{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:3em;
	background:#1a1712;
	opacity:0.8;
	line-height:3em;
	
}
.introBox .praise{
	color:#fff;
	font-size:1em;
	float:left;
	margin-left:10px;
}
.introBox .social{
	float:right;
	margin-right:20px;
	margin-top:10px;
}
.social li{
	float:left;
}
.social a.praise{
	float:left;
	display:block;
	background:url(../img/icon_prasie.png);
	width:26px;
	height:24px;
	margin-right:20px
}

.social a.share{
	float:left;
	display:block;
	background:url(../img/icon_share.png);
	width:26px;
	height:24px;
}

.shopInfoList{
	
}

.shopInfoArea{
	background:#e9f1f2;
}
#bottomN{
	border-bottom:none !important;
}

.sList:after{
	clear: both; content: "."; display: block; height: 0; visibility: hidden;
}
.sList{
	background:#fff;
	border-bottom:1px solid #d8d6d6;
	width:100%;
	padding:10px 0;
}

.textNear{ color:#888}
.sList .kaPrint{
	float:left;
	width:85%;
	margin-left:10px
}

.kaPrint li{
	line-height:1.5em;
	font-size:1em;
	color:#333
}

.kaPrintB{
	padding-left:20px;
}
.kaPrintB li{
	line-height:2em;
	font-size:1em;
	color:#333
}

.textO{
	color:#f67400;
	font-size:1.6em
}

.textKadian{ 
    display:block; 
    float:left; 
	line-height:2.2em;
	font-size:1em;
	color:#333}

.sList .iconGo{
	float:right;
	display:block;
	background:url(../img/icon_go.png);
	width:15px;
	height:25px;
	margin-right:8px;
	margin-top:15px;
}
.sList .iconGoB{
	float:right;
	display:block;
	background:url(../img/icon_go.png);
	width:15px;
	height:25px;
	margin-right:10px;
	margin-top:5px;
}

.sList .warmBox{
	color:#fff;
}
.clearH{
	clear:both;
	line-height:0;
	height:20px;
}

.iconLeftgo{
	display:inline-block;
	background:url(../img/icon_leftgo.png) no-repeat;
	width:28px;
	height:21px;
	margin-right:10px;
	margin-top:8px;
	float:left;
}

.iconPraise{
	display:block;
	background:url(../img/icon_prasie_2.png) no-repeat;
	width:26px;
	height:24px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.iconPraiseB{
	display:block;
	background:url(../img/icon_prasie_2.png) no-repeat;
	width:26px;
	height:24px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	}
.iconShare{
	display:block;
	background:url(../img/icon_share_2.png) no-repeat;
	width:26px;
	height:24px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.marT01{ display:block; float:left; margin-top:5px; }

.sList .kaSa{
	width:70%
}

.kaSa{
	float:left;
}

.textBlue{
	color:#02869e
}
.textG{
	font-size:1em;
}

.sList .percent{
	width:20%;
	display:block;
	float:left;
	font-size:1.2em;
	margin-top:5px;
}
.sList .percent .textBlue{
	font-size:1.6em;
	color:#02869e;
}
.shopPicArea p{
	line-height:2em;
	font-size:1em;
	padding:0 10px
}
.shopPicArea{
	width:100%;
	background:#fff;
	border-top:1px solid #dfdede
}
.shopPicArea img{
	width:95%;
	margin:0 auto;
	padding:0 10px 10px;
}

/*二维码扫描*/

.shopScan{
	background:#fff;
	width:100%;
	padding-top:10px;
}
.kakaLogo{
	background:url(../img/logo.png); 
	width:111px;
	height:111px;
	margin:10px auto;
	
}
.QRCode{
	width:100%;
	height:12.5em;
	background:#5b5b5b;
	text-align:center;
}
.QRCode img{
	width:180px;
	margin:10px 0;
}
.notice{
	width:100%;
	height:1.6em;
	line-height:3em;
	text-align:center;
	font-size:1em
}

/*兑换确认*/

.borderBottom{
	border-bottom:1px solid #c3c1c1;
}
.iconNotice{
	background:url(../img/icon_notice.png) 0 30px no-repeat;
	width:40px;
	height:70px;
	display:block;
	margin:0px 10px;
	float:left;
}
.exchangeSureArea{
	width:100%;
	padding:0.5em 0 1em;
}
.textLine{
	width:100%;
	padding-left:30px;
	font-size:1.2em;
	line-height:2.5em;
}
.noticeBox{
	width:90%;
	height:6em;
	line-height:6em;
	margin:0 auto;
	text-align:center;
	border:1px solid #c3c1c1;
	background:#f1f7f8;
	font-size:1em;
	
}
.textN{
	display:block;
	float:left;
}

.btnArea{
	width:100%;
}
.btnArea{
	width:100%;
	
}
.btnSure{
	display:block;
	width:80%;
	margin:0 auto;
	border:0;
	background:#02869e;
	line-height:2.2em;
	font-size:1.2em;
	color:#fff;
	margin-top:1em;
	margin-bottom:1em;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     border-radius: 3px;
	 text-align:center;
}
.btnCancle{
	display:block;
	width:80%;
	margin:0 auto;
	border:0;
	background:#cdcbcb;
	line-height:2.2em;
	font-size:1.2em;
	color:#fff;
	margin-bottom:1em;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     border-radius: 3px;
	 text-align:center;
	
}

/*分享*/

.shareBar{
	width:100%;
	height:3em;
	line-height:3em;
	border:1px solid #c3c1c1;
	border-top:none;
	background:#f0f6f7;
	margin-bottom:10px;
}

.iconShareB{
	background:url(../img/icon_share_3.png);
	width:35px;
	height:35px;
	display:block;
	float:left;
	margin:5px 15px ;
}
.textS{
	display:block;
	float:left;
	font-size:1.2em;
	color:#02869e
}

.claimBox{
	width:90%;
	height:4em;
	line-height:4em;
	margin:0 auto;
	border:1px solid #fcc54c;
	background:#fcfce6;
}

.claimBox .textC{
	float:left;
	width:60%;
	margin-left:20px;
	font-size:1em;
}
.claimBox .btnClaim{
	float:right;
	display:block;
	width:30%;
	line-height:2.5em;
	background:#aeae88;
	color:#fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     border-radius: 3px;
	 margin-top:8px;
	 margin-right:10px;
	 text-align:center;
	 font-size:1.2em
}

.textKa{
	color:#ee8d02;
	font-size:1.2em;
	
}

.heapBox{
	border-bottom:3px solid #02869e;
	height:2.5em;
	line-height:2.5em;
   text-align:center;
  font-size:1.2em;
  width:90%;
  margin:0 auto
}

.btnShare{
	display:block;
	width:80%;
	margin:0 auto;
	border:0;
	background:#02869e;
	line-height:2.2em;
	font-size:1.2em;
	color:#fff;
	margin-bottom:0.5em;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     border-radius: 3px;
	 text-align:center;
}
.heapLine{
	font-size:1em;
	color:#898888;
	text-align:center;
	line-height:3em;
	margin-bottom:10px;
}
.textBlueKa{
	font-size:2em;
	color:#02869e;
	display:inline-block;
	margin:0 10px
}
.reportList{
	width:100%;
	margin-bottom:20px;
}
.reportList li {
	border-bottom:1px solid #d8d6d6;
	line-height:3em;
	padding-left:20px;
	 font-size:1em; 
}
.reportList li.tittle{
	font-size:1.2em;
} 
.reportList li a{
	color:#666
}
.reportList li.selectOn{
   background:url(../img/icon_select.png)90% 50% no-repeat;
   
}

.textLink{
	color:#02869e;
	text-align:center;
	width:100%;
	display:block;
	font-size:1.2em;
	margin-bottom:10px
}

/*足迹详情*/
.footPrintInfo{
	border-bottom:1px solid #d8d6d6;
	padding:10px 0 10px;
	width:95%;
	margin:0 auto;
}

.footPrintInfo h1{
	font-size:1em;
	line-height:1.8em;
	font-weight:normal;
}
.footPrintInfo h2{
	font-size:1em;
	font-weight:normal;
}	
.footPrintList{
	padding-left:20px;
	margin-top:10px;
}
.footPrintList li{
	line-height:1.8em;
	font-size:1em;
	color:#888;
}


/*我的二维码*/
.codePic{
	width:100%;
	margin-top:10px;
	text-align:center;
}
.codePic img{
	margin:0 25%;
	width:180px;
}
.noticeCode{
	font-size:1em;
	width:100%;
	line-height:1.2em;
	text-align:center;
	
}

.fzA{
	font-size:1.2em !important;
}
.nBar{
	font-size:1em;
	width:100%;
	line-height:1.2em;
	text-align:center;
	color:#888
}

#header{
	position:fixed;
	top:0;
	z-index:2;
	height:2.6em
}
#footer{
	position:fixed;
	bottom:0;
	z-index:2;
}
.contentB{
	height:2000px;
	z-index:1;
	overflow-y:auto;
	overflow-x:hidden;
	margin-bottom:0;
}  
.contentC{
	margin-top:2.5em;
}
.contentE{
	margin-top:1.3em;
	}
.headerPo{
	position:relative;
}
.btnBack{
	position:absolute;
	left:10px;
	top:5px;
	background:url(images/title_back.png);
	height:25px;
	width:25px;
}
.btnSearchB{
	display:block;
	position:absolute;
	left:10px;
	top:5px;
	background:url(images/btn_searchB.png) no-repeat;
	height:30px;
	width:30px;
	
	
}
#headtitle{
	font-size:1.2em;
}


.borderTop{ border-top:1px solid #ddd;}


/*帮助中心*/
.kakaHelp{ font-size:0.9em; font-weight:normal;  padding:10px; line-height:1.5em;  }
.contentD{ margin-top:3.5em; height:100%}
.helpHead{ background:#fafafa; width:100%; height:3.5em !important; }
.helpFoot{ background:#fff; width:100%; height:2em; line-height:1em; padding:10px; border-top:1px solid #ddd; text-align:center} 
.helpFoot a{ font-size:1.2em; line-height:1.2em; font-weight:bold; color:#fd2020 !important; text-shadow:none !important; color:#e1150b !important    }
.bgw{background:#fff}
.helpArea{ border-top:1px solid #ddd; padding:10px; font-size:1em; }
.helpArea img{ width:100%; margin:10px 0}
.helpArea h4{ font-weight:bold; font-size:1.3em; line-height:2em; text-align:center; }
.helpArea h5{ font-weight:bold; font-size:1em;  line-height:1.8em; margin-top:10px;}
.helpArea h6{ font-weight:bold; font-size:0.9em;  line-height:1.5em;}
.helpArea p{font-size:0.9em; line-height:1.6em}
.textTitF{font-size:1.3em; font-weight:bold }
.marB{ margin-bottom:5em; display:block}
/*加盟商点*/
.joinArea p{ margin-top:10px;}
.fontBtn{ font-size:1em !important}



